<!DOCTYPE html>
<html lang="zh">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>footer</title>
 <style>
  body {
   margin: 0;
  }
  .container {
   width: 1366px;
   margin: 0 auto;
  }
  footer {
   background-color: rgb(26, 29, 189);
   min-height: 200px;
   padding-top: 20px;
  }
  .blank {
   height: 1000px;
   width: 1000px;
  }
  ul {
   list-style:none;
   margin: 0;
   padding: 30px 100px;
  }
  .links {
   display: grid;
   grid-template-columns: repeat(5,1fr);
  }
  .links li .item {
   color: #fff;
   margin-bottom: 10px;
  }
  .links li .item:first-child {
   font-weight: bolder;
  }
 </style>

</head>
<body>
  <!-- 用blank模拟其他内容 -->
  <div class="blank"></div>
 <footer>
  <div class="container">
    <ul class="links">
     <li>
      <div class="item">关于我们</div>
      <div class="item">团队介绍</div>
      <div class="item">团队优势</div>
      <div class="item">联系我们</div>
     </li>
     <li>
      <div class="item">关于我们</div>
      <div class="item">团队介绍</div>
      <div class="item">团队优势</div>
      <div class="item">联系我们</div></li>
     <li>
      <div class="item">关于我们</div>
      <div class="item">团队介绍</div>
      <div class="item">团队优势</div>
      <div class="item">联系我们</div></li>
     <li>
      <div class="item">关于我们</div>
      <div class="item">团队介绍</div>
      <div class="item">团队优势</div>
      <div class="item">联系我们</div></li>
     <li>
      <div class="item">关于我们</div>
      <div class="item">团队介绍</div>
      <div class="item">团队优势</div>
      <div class="item">联系我们</div></li>
    </ul>
  </div>
 </footer>
</body>
</html>